<template>
  <div class="page-warpper">
    <!-- <msg :description="description" :buttons="buttons" icon="success"></msg> -->
    <msg icon="success"></msg>
    <div class="tips">支付成功，请耐心等待发货</div>
    <div class="tips">您还可以选择<span @click="goOrder">查看订单</span>或者返回<span @click="goPersonCenter">个人中心</span></div>
  </div>
</template>

<script>
import { Msg, Divider, XButton } from 'vux'

export default {
  components: {
    Msg,
  },
  data() {
    return {
      description: '支付成功，请耐心等待发货，您还可以选择查看订单或者返回个人中心'
    }
  },
  methods: {
    goOrder () {
      this.$router.push({path: '/Order',query:{userId:_this.$route.query.userId}})
    },
    goPersonCenter() {
      this.$router.push({path: '/Personal',query:{userId:_this.$route.query.userId}})
    },
  },
}
</script>

<style lang="less" scoped>
  .page-warpper{
    height: 100%;
    box-sizing: border-box;
    // padding-top: 20rem/75;
    background: rgb(244,244,244);
    .tips{
      font-size: 30rem/75;
      line-height: 54rem/75;
      text-align: center;
      color: #666;
      span{
        color: #f00;
        margin: 0 3px;
      }
    }
  }
</style>